由于HShare支持40种平台,同时显示所有这些平台会让页面显得十分臃肿。
所以我们提供了一个“更多平台”的分享按钮,其默认为一个"..."样的按钮。当光标浮动到按钮上时,一个包含所有未显示(或用户自定义)的面板将会被呈现在页面上。
与此相关的配置项为more
和extended
,仅当前者被设为true
时后者才会生效。下面是一个例子:
$("#container").hshare({
more: true,
extended: [{
name: "pengyou"
}, {
name: "kaixin"
}, {
name: "linkedin"
}, {
name: "twitter"
}, {
name: "facebook"
}, {
name: "heavenduke",
template: "<a class='hshare hshare-small' target='_blank' href='https://www.heavenduke.com'><img align='top' src='https://www.heavenduke.com/favicon.ico'>HeavenDuke</a>"
}]
});
可以看到,用户同样可以对“更多”面板中的平台进行自定义。自定义的方法与平台配置中的方法十分相似,其主要区别在于:
- size 参数是无效的,除非用户指定尺寸,否则图标大小默认为small.
- text 不论renderText被设置为true还是false,文字都是会被显示的.
其他内容请参考平台配置